{% comment %} ---------------------------------------------------------------*\
 |  home.html                                                                |
 |                                                                           |
 |  Copyright (c) 2011, Code A La Mode, original authors.                    |
 |                                                                           |
 |      This file is part of with-me.                                        |
 |                                                                           |
 |      with-me is free software; you can redistribute it and/or modify      |
 |      it under the terms of the GNU General Public License as published by |
 |      the Free Software Foundation, either version 3 of the License, or    |
 |      (at your option) any later version.                                  |
 |                                                                           |
 |      with-me is distributed in the hope that it will be useful,           |
 |      but WITHOUT ANY WARRANTY; without even the implied warranty of       |
 |      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the        |
 |      GNU General Public License for more details.                         |
 |                                                                           |
 |      You should have received a copy of the GNU General Public License    |
 |      along with with-me.  If not, see <http://www.gnu.org/licenses/>.     |
\*------------------------------------------------------------ {% endcomment %}


{% extends "base.html" %}

{% block content %}

<div id="content" class="siteContent" role="main">
  <div class="siteInner">

    <form
      id="formWithMe"
      name="formWithMe"
      action="/"
      method="get"
      class="mod mod-form mod-formWithMe">

      <fieldset class="formInputs">
        <div class="fieldBlock entryBlock">
          <div class="fieldLabel">
            <div class="labelInner">
              <label for="">I want to</label>
            </div>
          </div>
          <div class="fieldInput">
            <div class="inputInner">
              <input 
                id=""
                name=""
                type="text"
                placeholder=""
                tabindex="1" />
            </div>
          </div>
        </div>
      </fieldset>
      
      <fieldset class="formControls">
        
        
        <input 
          type="range" 
          min="0"
          max="10"
          step="2"
          value="6" />
        
        
        <div class="fieldBlock">
          <div class="fieldInput">
            <div class="inputInner">
              <button 
                name="post" 
                type="submit"
                value="submission" 
                class="btn submit"
                tabindex="2">
                
                <span class="label">Other Button</span>
                <span class="icon"></span>
                <span class="overlay"></span>
                
              </button>
            </div>
          </div>
        </div>
        <div class="fieldBlock">
          <div class="fieldInput">
            <div class="inputInner">
              <button 
                name="post" 
                type="submit"
                value="submission" 
                class="btn submit"
                tabindex="2">
                
                <span class="label">Other Button</span>
                <span class="icon"></span>
                <span class="overlay"></span>
                
              </button>
            </div>
          </div>
        </div>
        <div class="fieldBlock submitBlock">
          <div class="fieldInput">
            <div class="inputInner">
              <button 
                name="post" 
                type="submit"
                value="submission" 
                class="btn submit"
                tabindex="2">
                
                <span class="label">Today</span>
                <span class="icon"></span>
                <span class="overlay"></span>
                
              </button>
            </div>
          </div>
          <aside class="fieldNote">
            <div class="noteInner">
              <dl class="legend">
                <dt>&#x203D;</dt>
                <dd><small>indicates a required field.</small></dd>
              </dl>
            </div>
          </aside>
        </div>
      </fieldset>
    
    </form>
    
  </div>
</div><!-- End .site-content -->

{% endblock %}
